<template>
  <div class='quality'>
    <div class="box" :style="{height:scrollerHeight,'position':'relative'}">
      <div style="width:32.272%;height:61.679%;background:#181717;position:relative;padding-top:1%;padding-left:1.5%;color:#FFE8BA;box-sizing:border-box;position:absolute;top:22.5%;left:22.6%;">
        <i style="font-size:2.3vw; display:inline-block; margin-bottom:3.5%;">走进陶罐</i>
        <p style="text-align:left; font-size:1.1vw;line-height:4.1vh; padding-right:3vw;font-weight:200;">充分保护植物的自然属性，按其生长规律最小
程度干扰，不使用任何农药；<br>
龙驿人历经多次试验终于酿制成独特的陶罐有
机干红葡萄酒，并持有专利技术。<br>
陶罐中酿制存储的葡萄酒，可以通过陶罐细
微孔顺畅呼吸，酒体更加细腻有生命力，<br>
使所有品尝者流连忘返，国外品酒大师连连称赞。<br>
<i style="position:absolute;bottom:5%;display:inline-block;width:62px;height:3px;background:rgba(223,195,137,1);"></i> </p>
<img style="position:absolute; right:-55%; width:48.06%;top:-23px;" src="~img/yaoguanxilie.png" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  beforeRouteEnter(to, from, next) {
    return next(vm => {});
  },
  name: 'quality',
  data() {
    return {};
  },
  computed:{
    scrollerHeight: function() {
      return this.common.scrollerHeight();
    }
  }
}
</script>
<style scoped lang='stylus'>
.quality
  position relative
.box
  background #000
  // position absolute
  // top 0
  // bottom 0
  width 100%
</style>